<!-- header -->
<div class="bdb-main-header">
    <a class="bdb-header-left bdb-f-l" href="../domainTemplateList">
        <img class="bdb-back-icon" src="/static/imgs/global/back.svg">Back
    </a>
    <div class="bdb-header-right bdb-bd-f-l">
        <div class="bdb-total-items bdb-record-cnt"></div>
    </div>
</div>

<!-- list header -->
<div class="bdb-head-mid20"></div>
<div class="bdb-back-content"></div>
<div class="bdb-table-header">
    <div class="bdb-mx-w-col1">
        <img class="bdb-mouse-hover" id="bdb-domain-tpl-record-add" src="/static/imgs/global/add-blue.svg">
    </div>
    <div class="bdb-mx-w-col2 ">
        <span class="splitLine"></span>线路
    </div>
    <div class="bdb-mx-w-col3">
        解析类型
    </div>
    <div class="bdb-mx-w-col4">
        记录值(<span class="bdb-f-c-ff3900">主</span>)
    </div>
    <div class="bdb-mx-w-col5">
        记录值(<span class="bdb-f-c-ff3900">备</span>)
    </div>
    <div class="bdb-mx-w-col6">
        操作
    </div>
</div>

<!-- 添加 -->
<form class="bdb-hide" id="bdb-domain-tpl-record-add-form">
    <div class="form-group bdb-clearfix">
        <div class="bdb-mx-w-col1 bdb-f-l">&nbsp;</div>
        <div class="bdb-mx-w-col2 bdb-f-l bdb-p-r">
            <img class="bdb-add-up-arrow" src="/static/imgs/global/add-items-arrow.svg">
            <div class="bdb-form-select-wrapper bdb-p-r">
                <div class="top-arrow"></div>
                <select class="bdb-form-select" id="lineId" name="lineId" 
                    data-rule-required="true" data-msg-required="请选择线路"></select>
                <div class="bottom-arrow"></div>
            </div>
        </div>
        <div class="bdb-mx-w-col3 bdb-f-l bdb-p-r">
            <img class="bdb-add-up-arrow" src="/static/imgs/global/add-items-arrow.svg">
            <div class="bdb-form-select-wrapper bdb-p-r">
                <div class="top-arrow"></div>
                <select class="bdb-form-select js-bdb-srcTplType" id="type" name="type">
                    <option value="A">A</option>
                    <option value="CNAME">CNAME</option>
                </select>
                <div class="bottom-arrow"></div>
            </div>
        </div>
        <div class="bdb-mx-w-col4 bdb-f-l bdb-p-r">
            <img class="bdb-add-up-arrow" src="/static/imgs/global/add-items-arrow.svg">
            <input class="bdb-record-master js-bdb-srcTplMaster" id="bdb-record-master" name="master" type="text" autocomplete="off"
                data-rule-required="true" data-msg-required="请输入ip" data-rule-srctplmasterproc="true" data-msg-srctplmasterproc="ip格式错误">
        </div>
        <div class="bdb-mx-w-col5 bdb-f-l bdb-p-r">
            <img class="bdb-add-up-arrow" src="/static/imgs/global/add-items-arrow.svg">
            <input class="bdb-record-bak js-bdb-srcTplSlave" name="bak" type="text" autocomplete="off">
        </div>
        <div class="bdb-mx-w-col6 bdb-f-l">
            <button class="bdb-btn bdb-btn-444858-s1" type="submit">确定</button>
            <button class="bdb-btn bdb-btn-444858-s1" id="bdb-domain-tpl-record-add-cancel" type="button">取消</button>
        </div>
    </div>
</form>

<!-- 列表 -->
<div class="bdb-list"></div>
